/* GLOBAL STYLES */
html { margin: 0px; padding: 0px 0px 0px 0px; width: 100%; height: 100%;background: url("images/backgrounds/background-2015.JPG") center center no-repeat; }
body { margin: 0px; padding: 0px 0px 0px 0px; width: 100%; height: 100%; font-family: 'Open Sans', Verdana; font-size: 12px; color: #000000; float: left;  top: 0px !important; }
HR { height: 1px }
A { color: #000000 }
P { font-family: 'Open Sans', Verdana; font-size: 12px; color: #000000  }


/* PAGEDIV */

#pagediv { width: 350px; max-height: 750px; padding: 90px 45px 30px 45px; margin: 65px auto 0px auto; background: #fff; border: 1px solid #D0D0D0; position: relative; overflow: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  }
#logodivTop {position: absolute; padding-top: 34px; height: 65px; top: 1px; right: 98px; z-index: 2; background-color: #FFF; width: 421px; }
#logodivTop img {float: right; margin-right: 20px;}
/* LOGODIV */
.mainContainer { width: 600px; margin: 0 auto; position: relative; margin-top: 0px; }
.wrapper { position: relative; margin: 0 auto; width: 600px; }

/* TITLE DIV */

#titlediv { margin: 2px; font-size: 26px; line-height: 25px; text-align: left; font-weight: bold; padding: 8px 0px; color: #3b3b3b; background: #FFF; border: 0px;  }

/* CONTENT DIV */
#contentdiv #next a {float: right;}
#contentdiv { width: 350px; padding: 0px; text-align: left; float: left;  }
#contentdiv P { margin: 0px; line-height: 150% }
#contentdiv #pheader { margin-top: 10px; font-weight: bold }
#contentdiv #pheader A { text-decoration: none; color: #000000 }
#contentdiv #pheader A:hover { color: red }
/*#CONTENTDIV #BUTTON { margin-top: 10; margin: 5; border: 0; width: 100px; background: #808080; color: #FFFFFF }*/
#contentdiv #next { font-weight: normal; color: #666; margin-top: 10 }
#contentdiv #next A { text-decoration: none; }
#contentdiv #next A:hover { text-decoration: underline; }
#contentdiv #previous { font-weight: bold; margin-top: 10 }
#contentdiv #previous A { text-decoration: none }

.generaltable { width: 100%; background: #FFFFFF; font-family: 'Open Sans', Verdana; font-size: 10pt }
.generaltable a { text-decoration: none; color: #000000 }
.generaltable a:hover { color: red }
.generaltable #header { margin: 10; font-weight: bold; background: #808080; color: #FFFFFF }
.generaltable #small { margin: 10; font-size: 8pt; background: #F6F6F6 }

.shade { width: 452px; margin: 0 auto; height: 20px; background: url("images/backgrounds/bottomShade.gif") 0px 0px repeat; }


input[type="text"] { -webkit-appearance: none; line-height: 25px; border: 1px solid #b1b4b7;padding: 5px 4px; font-size: 14px; font-family: 'Open Sans', Verdana;}
input[type="password"] {-webkit-appearance: none; line-height: 25px; border: 1px solid #b1b4b7; padding: 5px 4px; font-size: 14px; font-family: 'Open Sans', Verdana;}
input[type="submit"] { 
    font-family: 'Open Sans', arial;
    font-size: 13px;
    text-decoration: none;
    color: #464646;
    background-color: #FFF;
    height: 36px;
    line-height: 25px;
    padding: 5px 10px;
    margin-top: 10px;
    display: inline-block;
    line-height: 25px;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
	}
input[type="submit"]:hover { background-color: #efefef; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);}


.taalHolder {position: relative; height: 0px; padding: 0px 20px; max-width: 1360; min-width: 450px; margin: 0px auto; /*opacity: 0.4;filter: alpha(opacity=40);*/ z-index: 200;}
.innertaalHolder {background: #FFFFFF; padding-right: 10px; float: right; position: absolute; width: 208px; padding-top: 5px; height: 30px; border: 1px solid #efefef; border-top: 0px;  top: -65px; right: 81px;-webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.taalPosition { opacity: 0.4;filter: alpha(opacity=40); z-index: 990; float: left;position: absolute; width: 153px; height: 30px; right: 10px; top: 5px;}
.taalPositionTitel { opacity: 0.4;filter: alpha(opacity=40); line-height: 24px; color: #c4c4c4 !important; text-align: right; z-index: 990; float: left;position: absolute; width: 72px; height: 30px; right: 171px; top: 5px;}
.taalHolder:hover .taalPosition { opacity: 1.0;filter: alpha(opacity=100);}
.taalHolder:hover .taalPositionTitel { opacity: 1.0;filter: alpha(opacity=100);}


#MessageOuterContainer {  margin-bottom: 20px; position: absolute; z-index: 3; top: -60px; width: 441px; padding: 0px 80px;}
#messageContainer {border: 1px solid transparent; border-radius: 4px; background-color: #d9edf7; border-color: #bce8f1; margin: 10px 0px 0px 0px; }
#messageContainer #innermessageContainer {padding: 20px; text-align: left;}
#messageContainer .titlecontainer  { display: inline-block; font-weight: 700; font-size: 14px; color: #31708f !important; margin-right: 10px;}
#messageContainer .descriptionContainer { display: inline-block; color: #31708f !important;}


.button { font-family: 'Open Sans', arial; font-size: 13px; text-decoration: none; color: #464646; background-color: #FFF; height: 25px; padding: 4px 0px; margin-top: 2px; display: inline-block; line-height: 25px; border: 1px solid #cfcfcf; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
.button .left {float: left; width: 2px;  height: 25px;}
.button .middle {float: left;  height: 25px; text-align: center; padding: 0px 8px;  }
.button .right {float: left; display: block; width: 2px; height: 25px;} 

.button.rood {color: #FFF; background-color: #d9534f; border-color: #7c1e1b;}
.button.groen {color: #FFF; background-color: #449d44; border-color: #398439; font-weight: bold; padding: 4px 15px;}

.button:hover {background-color: #efefef; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);}
.button.rood:hover {background-color: #c3433f;}
.button.groen:hover {background-color: #369036;}


#newVersion {background-color: #d9edf7; border: 1px solid #bce8f1; border-radius: 4px; margin: 20px 0 0;}
#newVersion #newVersionInnermessageContainer {  padding: 20px; text-align: center;}
#newVersion .newVersionTitlecontainer 
{
    color: #31708f !important;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-right: 10px;
}
#newVersion .NewVersiondescriptionContainer {  color: #31708f !important; display: inline-block; text-align: left;}